<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>问卷答题</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/index.css">
    <link rel="stylesheet" href="../static/css/addQuestionnaire.css">
</head>

<body>
    <div class="layui-layout layui-layout-admin" id="app">

        <!--头部导航栏-->
        <div class="layui-header">
            <!-- 头部区域（可配合layui 已有的水平导航） -->
            <div class="layui-logo layui-hide-xs layui-icon "><strong style="font-size: 20px;">&#xe6b2;问卷调查系统</strong>
            </div>
            <ul class="layui-nav layui-layout-right">
                <li
                    class="layui-nav-item layui-hide layui-show-md-inline-block layui-show-xs-inline-block layui-show-sm-inline-block">
                    <a href="javascript:;" id="{{userId}}">
                        <img src="../static/imgs/CE07A45DDC0071177B92422296BB0D81.png" class="layui-nav-img">
                        {{userName}}
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="" id="logout">登出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>




        <!--body内容-->
        <div class="layui-body" style="left: 0rem;">


            <!--除导航栏下的body-->
            <div class="layui-container" id="add">

                <!--left-->
                <div class=" layui-row layui-col-md1">
                    &nbsp;
                </div>


                <!--middle-->
                <div class="layui-row layui-col-md10">
                    <p style="display: flex; justify-content: center;padding: 30%; color: #4DD0C8;font-size: 50px;"><strong>已提交!</strong></p>
                </div>


                <!--right-->
                <div class="layui-row layui-col-md1">
                    &nbsp;
                </div>

            </div>



        </div>

        <div class="layui-footer" style="left: 0rem;">
            <!-- 底部固定区域 -->
            <P style="text-align: center;">备案号</P>
        </div>

    </div>



    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="../static/layui/layui.js"></script>
    <script>
        $('#logout').click(function () {
            axios({
                method: 'post',
                url: '/logout',
            }).then(function (res) {
                res = res.data
                if (res.code === 200) {
                    window.location.href = '/'
                }
            })
        })
    </script>


</body>

</html>